﻿@using Guoc.BigMall.Domain.Entity;
@{
    ViewBag.Title = "DashBoard";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section scripts{
    @*<script type="text/javascript">
        function MenuaddOverflow() {
            $(".sidebar").css("max-height", "");
            $(".sidebar").css("overflow-y", "");
            if ($('body').hasClass("sidebar-collapse")) {
                $(window).resize();
            }
        };
        $(document).ready(function () {
            $(window).resize(function () {
                var winHeight = $(window).height();
                var headerHeight = $(".main-header").height();
                $(".sidebar").css("max-height", (winHeight - headerHeight) + "px");
                $(".sidebar").css("overflow-y", "auto");
            }).resize();
        });
        $(".sidebar-toggle").click(function () { MenuaddOverflow() });
    </script>*@
}
<!-- Site wrapper -->
<div class="wrapper">
    <header class="main-header" id="navbar">
        <!-- Logo -->
        <a href="javascript:void(0)" class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><b>HJT</b></span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>惠集通</b> 平台</span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top">

            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <!--路径导航-->
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- Messages: style can be found in dropdown.less-->
                    <li class="dropdown messages-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-envelope-o"></i>
                            <span class="label label-success"></span> <!--4-->
                        </a>
                        @*<ul class="dropdown-menu">
                        <li class="header">You have 4 messages</li>
                        <li>
                            <ul class="menu">
                                <li>

                                    <a href="#">
                                        <div class="pull-left">
                                            <img src="/Content/picture/user2-160x160.jpg" class="img-circle" alt="User Image">
                                        </div>
                                        <h4>
                                            Support Team
                                            <small><i class="fa fa-clock-o"></i> 5 mins</small>
                                        </h4>
                                        <p>Why not buy a new awesome theme?</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="footer"><a href="#">See All Messages</a></li>
                    </ul>*@
                    </li>
                    <!-- Notifications: style can be found in dropdown.less -->
                    <li class="dropdown notifications-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-bell-o"></i>
                            <span class="label label-warning"></span> <!--10-->
                        </a>
                        @*<ul class="dropdown-menu">
                        <li class="header">You have 10 notifications</li>
                        <li>
                            <ul class="menu">
                                <li>
                                    <a href="#">
                                        <i class="fa fa-users text-aqua"></i> 5 new members joined today
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="footer"><a href="#">View all</a></li>
                    </ul>*@
                    </li>
                    <!-- Tasks: style can be found in dropdown.less -->
                    <li class="dropdown tasks-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-flag-o"></i>
                            <span class="label label-danger"></span> <!--9-->
                        </a>
                        @*<ul class="dropdown-menu">
                        <li class="header">You have 9 tasks</li>
                        <li>
                            <ul class="menu">
                                <li>
                                    <a href="#">
                                        <h3>
                                            Design some buttons
                                            <small class="pull-right">20%</small>
                                        </h3>
                                        <div class="progress xs">
                                            <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                <span class="sr-only">20% Complete</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="footer">
                            <a href="#">View all tasks</a>
                        </li>
                    </ul>*@
                    </li>
                    <!-- User Account: style can be found in dropdown.less -->
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            @*<img src="/Content/AdminLTE/img/user2-160x160.jpg" class="user-image" alt="User Image">*@
                            <span class="glyphicon glyphicon-user"></span>
                            <span class="hidden-xs">@ViewBag.UserName @(string.IsNullOrEmpty(ViewBag.StoreName) ? "" : "( " + ViewBag.StoreName + " )") </span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- User image -->
                            <li class="user-header">
                                @*<img src="/Content/AdminLTE/img/user2-160x160.jpg" class="img-circle" alt="User Image">*@
                                <img src="/Content/picture/user2-160x160.jpg" class="img-circle" alt="User Image">
                                <p>
                                    @(string.IsNullOrEmpty(ViewBag.StoreName) ? "" : ViewBag.StoreName + ": ")@ViewBag.UserName
                                    <small>@ViewBag.RoleName</small>
                                </p>
                            </li>
                            <!-- Menu Body -->
                            <li class="user-body">
                                <div class="row">
                                    <div class="col-xs-4 text-center">
                                    </div>
                                    <div class="col-xs-4 text-center">
                                    </div>
                                    <div class="col-xs-4 text-center">
                                    </div>
                                </div>
                            </li>
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a href="javascript:showTab('修改密码','/Account/ChangePassword')" class="btn btn-warning btn-flat">修改密码</a>
                                </div>
                                <div class="pull-right">
                                    <a href="/Account/LogOut" class="btn btn-default btn-flat" target="_top">注 销</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <!-- Control Sidebar Toggle Button -->
                    @*<li>
                    <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
                </li>*@
                </ul>
            </div>
        </nav>
    </header>

    <!-- =============================================== -->
    <!-- Left side column. contains the sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image">
                    @*<img src="/Content/AdminLTE/img/user2-160x160.jpg" class="img-circle" alt="User Image">*@
                    <img src="/Content/picture/user2-160x160.jpg" class="img-circle" alt="User Image">
                    @*<span class="glyphicon glyphicon-user img-circle" style="max-width:45px;width:100%;height:auto"></span>*@
                </div>
                <div class="pull-left info">
                    <p>欢迎您</p>
                    <a href="#"><i class="fa fa-circle text-success"></i>@ViewBag.UserName</a>
                </div>
            </div>
            <ul class="sidebar-menu" id="menu">
                @Html.Action("MenuTree", "Home")
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- =============================================== -->
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <section class="content" style="padding: 2px;">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div id="main-tab" class="nav-tabs-custom">
                        <ul class="nav nav-tabs" role="tablist">
                            <li id="main-tab-title-li-0" class="active"><a href="#main-tab-content-0" role="tab" data-toggle="tab">首 页</a></li>
                        </ul>
                        <div class="tab-content" style="padding: 0px 0px 0px 0px">
                            <div role="tabpanel" class="tab-pane active" id="main-tab-content-0" style="overflow-y:auto">
                                <!--首页内容区域-->
                                <div class="container-fluid">
                                    <div class="row">
                                        @Html.Raw(ViewBag.ButoonMenus)
                                    </div>
                                </div>

                                <!--首页内容区域-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    @*<footer class="main-footer  navbar-fixed-bottom">
            <div class="pull-right hidden-xs">
                <b>Version</b> 1.0.0
            </div>
            <strong>Copyright &copy; 2016 <a href="http://almsaeedstudio.com"></a>.</strong> 备案信息
        </footer>*@
</div>
